// 封装数据懒加载组件
import { useIntersectionObserver} from '@vueuse/core'
import { ref } from 'vue'

//按需导出    传入的参数是一个回调函数
export function useLazyDate(callback:()=>void){
   
    // 与dom元素绑定
const target=ref(null)
// 数据懒加载
const { stop} =useIntersectionObserver(target,([{isIntersecting}])=>{
  if(isIntersecting){
    callback()
    stop()
   }
 },{
  threshold:0  //阀值 dom或组件只要再时刻就要加载数据
 })
 return target  //函数调用返回target
}
